



<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#FFF">
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">

<link rel="icon" type="image/ico" sizes="32x32" href="/images/favicon.ico">
  <meta http-equiv="Cache-Control" content="no-transform">
  <meta http-equiv="Cache-Control" content="no-siteapp">


<link rel="alternate" type="application/rss+xml" title="逸尘" href="https://yichenm.github.io.git/rss.xml" />
<link rel="alternate" type="application/atom+xml" title="逸尘" href="https://yichenm.github.io.git/atom.xml" />
<link rel="alternate" type="application/json" title="逸尘" href="https://yichenm.github.io.git/feed.json" />

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Mulish:300,300italic,400,400italic,700,700italic%7CFredericka%20the%20Great:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20JP:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20SC:300,300italic,400,400italic,700,700italic%7CInconsolata:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext">

<link rel="stylesheet" href="/css/app.css?v=0.2.5">

  
  <meta name="keywords" content="Hexo,教程" />


<link rel="canonical" href="https://yichenm.github.io.git/2020/08/13/computer-science/note/theme-shoka-doc/special/">


<meta name="description" content="🚀快速开始 - 💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能   以下介绍可以使用的 markdown 或者标签代码。 功能大部分基于 hexo-renderer-multi-markdown-it  渲染器，尤其是代码块的显示，与默认渲染器不兼容。  #  links  链接块 本功能参考 NexT，基于 Hexo Tag 功能，用来建立友链或其他网址链接功能。 文章中">
<meta property="og:type" content="article">
<meta property="og:title" content="Step.4 主题特殊功能">
<meta property="og:url" content="https://yichenm.github.io.git/2020/08/13/computer-science/note/theme-shoka-doc/special/index.html">
<meta property="og:site_name" content="逸尘">
<meta property="og:description" content="🚀快速开始 - 💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能   以下介绍可以使用的 markdown 或者标签代码。 功能大部分基于 hexo-renderer-multi-markdown-it  渲染器，尤其是代码块的显示，与默认渲染器不兼容。  #  links  链接块 本功能参考 NexT，基于 Hexo Tag 功能，用来建立友链或其他网址链接功能。 文章中">
<meta property="og:locale" content="zh_CN">
<meta property="article:published_time" content="2020-08-13T13:45:48.000Z">
<meta property="article:modified_time" content="2020-11-10T20:12:45.000Z">
<meta property="article:author" content="逸尘">
<meta property="article:tag" content="Hexo">
<meta property="article:tag" content="教程">
<meta name="twitter:card" content="summary">


  <title>
Step.4 主题特殊功能 - Theme Shoka Documentation - 二进制杂谈 - 计算机科学 |
Yi Chen = 逸尘 = 逸尘の博客</title>
<meta name="generator" content="Hexo 5.4.0"></head>
<body itemscope itemtype="http://schema.org/WebPage">
  <div id="loading">
    <div class="cat">
      <div class="body"></div>
      <div class="head">
        <div class="face"></div>
      </div>
      <div class="foot">
        <div class="tummy-end"></div>
        <div class="bottom"></div>
        <div class="legs left"></div>
        <div class="legs right"></div>
      </div>
      <div class="paw">
        <div class="hands left"></div>
        <div class="hands right"></div>
      </div>
    </div>
  </div>
  <div id="container">
    <header id="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="inner">
        <div id="brand">
          <div class="pjax">
          
  <h1 itemprop="name headline">Step.4 主题特殊功能
  </h1>
  
<div class="meta">
  <span class="item" title="创建时间：2020-08-13 21:45:48">
    <span class="icon">
      <i class="ic i-calendar"></i>
    </span>
    <span class="text">发表于</span>
    <time itemprop="dateCreated datePublished" datetime="2020-08-13T21:45:48+08:00">2020-08-13</time>
  </span>
</div>


          </div>
        </div>
        <nav id="nav">
  <div class="inner">
    <div class="toggle">
      <div class="lines" aria-label="切换导航栏">
        <span class="line"></span>
        <span class="line"></span>
        <span class="line"></span>
      </div>
    </div>
    <ul class="menu">
      <li class="item title"><a href="/" rel="start">Yi Chen</a></li>
    </ul>
    <ul class="right">
      <li class="item theme">
        <i class="ic i-sun"></i>
      </li>
      <li class="item search">
        <i class="ic i-search"></i>
      </li>
    </ul>
  </div>
</nav>

      </div>
      <div id="imgs" class="pjax">
        <ul>
          <li class="item" data-background-image="https://tva1.sinaimg.cn/large/6833939bly1gicitht3xtj20zk0m8k5v.jpg"></li>
          <li class="item" data-background-image="https://tva1.sinaimg.cn/large/6833939bly1giph4wqtg4j20zk0m8x6p.jpg"></li>
          <li class="item" data-background-image="https://tva1.sinaimg.cn/large/6833939bly1gicis081o9j20zk0m8dmr.jpg"></li>
          <li class="item" data-background-image="https://tva1.sinaimg.cn/large/6833939bly1gipexoj0moj20zk0m8kgu.jpg"></li>
          <li class="item" data-background-image="https://tva1.sinaimg.cn/large/6833939bly1gipesng5oej20zk0m87d4.jpg"></li>
          <li class="item" data-background-image="https://tva1.sinaimg.cn/large/6833939bly1giclhpw3lwj20zk0m8gvw.jpg"></li>
        </ul>
      </div>
    </header>
    <div id="waves">
      <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
        <defs>
          <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
        </defs>
        <g class="parallax">
          <use xlink:href="#gentle-wave" x="48" y="0" />
          <use xlink:href="#gentle-wave" x="48" y="3" />
          <use xlink:href="#gentle-wave" x="48" y="5" />
          <use xlink:href="#gentle-wave" x="48" y="7" />
        </g>
      </svg>
    </div>
    <main>
      <div class="inner">
        <div id="main" class="pjax">
          
  <div class="article wrap">
    
<div class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<i class="ic i-home"></i>
<span><a href="/">首页</a></span><i class="ic i-angle-right"></i>
<span  itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/categories/computer-science/" itemprop="item" rel="index" title="分类于 计算机科学"><span itemprop="name">计算机科学</span></a>
<meta itemprop="position" content="1" /></span>
<i class="ic i-angle-right"></i>
<span  itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/categories/computer-science/note/" itemprop="item" rel="index" title="分类于 二进制杂谈"><span itemprop="name">二进制杂谈</span></a>
<meta itemprop="position" content="2" /></span>
<i class="ic i-angle-right"></i>
<span  class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/categories/computer-science/note/Theme-Shoka-Documentation/" itemprop="item" rel="index" title="分类于 Theme Shoka Documentation"><span itemprop="name">Theme Shoka Documentation</span></a>
<meta itemprop="position" content="3" /></span>
</div>

    <article itemscope itemtype="http://schema.org/Article" class="post block" lang="zh-CN">
  <link itemprop="mainEntityOfPage" href="https://yichenm.github.io.git/2020/08/13/computer-science/note/theme-shoka-doc/special/">

  <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
    <meta itemprop="image" content="/images/avatar.jpg">
    <meta itemprop="name" content="逸尘">
    <meta itemprop="description" content="逸尘の博客, 专注于编程,分享生活,分享知识">
  </span>

  <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="逸尘">
  </span>

  <div class="body md" itemprop="articleBody">
    

    <div class="note primary">
<p><a href="/computer-science/note/theme-shoka-doc/">🚀快速开始</a> - <a href="/computer-science/note/theme-shoka-doc/dependents/">💌依赖插件</a> - <a href="/computer-science/note/theme-shoka-doc/config/">📌基本配置</a> - <a href="/computer-science/note/theme-shoka-doc/display/">🌈界面显示</a> - <a href="/computer-science/note/theme-shoka-doc/special/"><strong>🦄特殊功能</strong></a></p>
</div>
<div class="note info">
<p>以下介绍可以使用的 markdown 或者标签代码。<br />
功能大部分基于 <code>hexo-renderer-multi-markdown-it</code>  渲染器，尤其是代码块的显示，与默认渲染器不兼容。</p>
</div>
<h1 id="links-链接块"><a class="anchor" href="#links-链接块">#</a>  <code>links</code>  链接块</h1>
<p>本功能参考 NexT，基于 Hexo Tag 功能，用来建立友链或其他网址链接功能。</p>
<p>文章中的使用格式：</p>
<ol>
<li>使用 <code>links</code>  标签块，包围 <code>yml</code>  语法书写的内容，字段包括</li>
</ol>
<table>
<tbody>
<tr>
<td><code>site</code></td>
<td>站点名称</td>
<td>必填</td>
</tr>
<tr>
<td><code>owner</code></td>
<td>管理员名字</td>
<td>可选，默认为 <code>site</code>  的值</td>
</tr>
<tr>
<td><code>url</code></td>
<td>站点链接</td>
<td>必填</td>
</tr>
<tr>
<td><code>desc</code></td>
<td>站点描述</td>
<td>可选，默认为 <code>url</code>  的值</td>
</tr>
<tr>
<td><code>image</code></td>
<td>站点图片</td>
<td>可选，默认为 <code>images/404.png</code></td>
</tr>
<tr>
<td><code>color</code></td>
<td>方块颜色</td>
<td>可选，默认为 <code>#666</code></td>
</tr>
</tbody>
</table>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>&#123;% links %&#125;</pre></td></tr><tr><td data-num="2"></td><td><pre>- site: #站点名称</pre></td></tr><tr><td data-num="3"></td><td><pre>  owner: #管理员名字</pre></td></tr><tr><td data-num="4"></td><td><pre>  url: #站点网址</pre></td></tr><tr><td data-num="5"></td><td><pre>  desc: #简短描述</pre></td></tr><tr><td data-num="6"></td><td><pre>  image: #一张图片</pre></td></tr><tr><td data-num="7"></td><td><pre>  color: #颜色代码</pre></td></tr><tr><td data-num="8"></td><td><pre>&#123;% endlinks %&#125;</pre></td></tr></table></figure><p>举个栗子：</p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>&#123;% links %&#125;</pre></td></tr><tr><td data-num="2"></td><td><pre>- site: 優萌初華</pre></td></tr><tr><td data-num="3"></td><td><pre>  owner: 霜月琉璃</pre></td></tr><tr><td data-num="4"></td><td><pre>  url: https:&#x2F;&#x2F;shoka.lostyu.me</pre></td></tr><tr><td data-num="5"></td><td><pre>  desc: 琉璃的医学 &amp; 编程笔记</pre></td></tr><tr><td data-num="6"></td><td><pre>  image: https:&#x2F;&#x2F;cdn.jsdelivr.net&#x2F;gh&#x2F;amehime&#x2F;shoka@latest&#x2F;images&#x2F;avatar.jpg</pre></td></tr><tr><td data-num="7"></td><td><pre>  color: &quot;#e9546b&quot;</pre></td></tr><tr><td data-num="8"></td><td><pre></pre></td></tr><tr><td data-num="9"></td><td><pre>- site: 優萌初華</pre></td></tr><tr><td data-num="10"></td><td><pre>  owner: 霜月琉璃</pre></td></tr><tr><td data-num="11"></td><td><pre>  url: https:&#x2F;&#x2F;shoka.lostyu.me</pre></td></tr><tr><td data-num="12"></td><td><pre>  image: images&#x2F;avatar.jpg</pre></td></tr><tr><td data-num="13"></td><td><pre></pre></td></tr><tr><td data-num="14"></td><td><pre>- site: 優萌初華</pre></td></tr><tr><td data-num="15"></td><td><pre>  url: https:&#x2F;&#x2F;shoka.lostyu.me</pre></td></tr><tr><td data-num="16"></td><td><pre>  desc: 琉璃的医学 &amp; 编程笔记</pre></td></tr><tr><td data-num="17"></td><td><pre>  color: &quot;#9d5b8b&quot;</pre></td></tr><tr><td data-num="18"></td><td><pre>&#123;% endlinks %&#125;</pre></td></tr></table></figure><p><div class="links"><div class="item" title="霜月琉璃" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="https://cdn.jsdelivr.net/gh/amehime/shoka@latest/images/avatar.jpg"></span>
          <div class="info">
          <span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
          <p class="desc">琉璃的医学 & 编程笔记</p>
          </div></div><div class="item" title="霜月琉璃"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="/images/avatar.jpg"></span>
          <div class="info">
          <span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
          <p class="desc">https://shoka.lostyu.me</p>
          </div></div><div class="item" title="優萌初華" style="--block-color:#9d5b8b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="/images/404.png"></span>
          <div class="info">
          <span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
          <p class="desc">琉璃的医学 & 编程笔记</p>
          </div></div></div></p>
<ol start="2">
<li>以上标签块里的内容，还可以保存到一个 <code>yml</code>  文件中，然后使用 <code>linksfile</code>  标签。<br />
其中， <code>path</code>  位于 <code>&lt;root&gt;/source</code>  目录下。</li>
</ol>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>&#123;% linksfile [path] %&#125;</pre></td></tr></table></figure><p>举个栗子：</p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>&#123;% linksfile friends&#x2F;_data.yml %&#125;</pre></td></tr></table></figure><h1 id="code代码块"><a class="anchor" href="#code代码块">#</a>  <code>code</code>  代码块</h1>
<p>使用 <code>markdown-it-prism</code>  进行代码高亮，支持显示行号、行高亮 <code>mark</code> 、命令行提示符 <code>command</code> 、代码块标题。</p>
<p>基本格式： <code>[language] [title] [url] [link text] [mark] [command]</code></p>
<table>
<thead>
<tr>
<th>选项</th>
<th>描述</th>
<th>默认值</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>language</p>
</td>
<td>
<ul>
<li>支持的语言<span class="exturl" data-url="aHR0cHM6Ly9wcmlzbWpzLmNvbS8jc3VwcG9ydGVkLWxhbmd1YWdlcw==">戳此</span></li>
<li>如果不需要代码高亮，但希望显示代码块样式，则设为 <code>raw</code></li>
<li>留空或设为 <code>info</code> ，将不显示代码高亮和代码块样式</li>
</ul>
</td>
<td>
<p>null</p>
</td>
</tr>
<tr>
<td>title</td>
<td>代码块的标题文字</td>
<td>null</td>
</tr>
<tr>
<td>url</td>
<td>代码块标题右侧显示的链接</td>
<td>null</td>
</tr>
<tr>
<td>link text</td>
<td>上述链接显示的标题</td>
<td>link</td>
</tr>
<tr>
<td>
<p>mark</p>
</td>
<td>
<p>行高亮显示，格式为 <code>mark:行号,行号开始-行号结束,其他行号</code> 。<br />
例如 <code>mark:1,4-7,10</code> ，将高亮显示第 1、4、5、6、7、10 行</p>
</td>
<td>
<p>null</p>
</td>
</tr>
<tr>
<td>
<p>command</p>
</td>
<td>
<p>命令行提示符，格式为 <code>command:(&quot;提示内容&quot;:行号,行号||&quot;提示内容&quot;:行号开始-行号结束)</code> <br />
 例如 <code>command:(&quot;[root@localhost] $&quot;:1,9-10||&quot;[admin@remotehost] #&quot;:4-6)</code></p>
</td>
<td>
<p>null</p>
</td>
</tr>
</tbody>
</table>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>&#96;&#96;&#96;java 行高亮 https:&#x2F;&#x2F;shoka.lostyu.me 参考链接 mark:1,6-7</pre></td></tr><tr><td data-num="2"></td><td><pre>import java.util.Scanner;</pre></td></tr><tr><td data-num="3"></td><td><pre>...</pre></td></tr><tr><td data-num="4"></td><td><pre>Scanner in &#x3D; new Scanner (System.in);</pre></td></tr><tr><td data-num="5"></td><td><pre>&#x2F;&#x2F; 输入 Scan 之后，按下键盘 Alt + “&#x2F;” 键，Eclipse 下自动补全。</pre></td></tr><tr><td data-num="6"></td><td><pre></pre></td></tr><tr><td data-num="7"></td><td><pre>System.out.println (in.nextLine ());</pre></td></tr><tr><td data-num="8"></td><td><pre>System.out.println (&quot;Hello&quot; + &quot;world.&quot;);</pre></td></tr><tr><td data-num="9"></td><td><pre>&#96;&#96;&#96;</pre></td></tr><tr><td data-num="10"></td><td><pre></pre></td></tr><tr><td data-num="11"></td><td><pre>&#96;&#96;&#96;bash 命令行提示符 command:(&quot;[root@localhost] $&quot;:1,9-10||&quot;[admin@remotehost] #&quot;:4-6)</pre></td></tr><tr><td data-num="12"></td><td><pre>pwd</pre></td></tr><tr><td data-num="13"></td><td><pre>&#x2F;usr&#x2F;home&#x2F;chris&#x2F;bin</pre></td></tr><tr><td data-num="14"></td><td><pre>ls -la</pre></td></tr><tr><td data-num="15"></td><td><pre>total 2</pre></td></tr><tr><td data-num="16"></td><td><pre>drwxr-xr-x   2 chris  chris     11 Jan 10 16:48 .</pre></td></tr><tr><td data-num="17"></td><td><pre>drwxr--r-x  45 chris  chris     92 Feb 14 11:10 ..</pre></td></tr><tr><td data-num="18"></td><td><pre>-rwxr-xr-x   1 chris  chris    444 Aug 25  2013 backup</pre></td></tr><tr><td data-num="19"></td><td><pre>-rwxr-xr-x   1 chris  chris    642 Jan 17 14:42 deploy</pre></td></tr><tr><td data-num="20"></td><td><pre>git add -A</pre></td></tr><tr><td data-num="21"></td><td><pre>git commit -m &quot;update&quot;</pre></td></tr><tr><td data-num="22"></td><td><pre>git push</pre></td></tr><tr><td data-num="23"></td><td><pre>&#96;&#96;&#96;</pre></td></tr></table></figure><figure class="highlight java"><figcaption data-lang="java"><span>行高亮</span><span class="exturl" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">参考链接</span></figcaption><table><tr class="marked"><td data-num="1"></td><td><pre><span class="token keyword">import</span> <span class="token namespace">java<span class="token punctuation">.</span>util<span class="token punctuation">.</span></span><span class="token class-name">Scanner</span><span class="token punctuation">;</span></pre></td></tr><tr><td data-num="2"></td><td><pre><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span></pre></td></tr><tr><td data-num="3"></td><td><pre><span class="token class-name">Scanner</span> in <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Scanner</span><span class="token punctuation">(</span><span class="token class-name">System</span><span class="token punctuation">.</span>in<span class="token punctuation">)</span><span class="token punctuation">;</span></pre></td></tr><tr><td data-num="4"></td><td><pre><span class="token comment">// 输入 Scan 之后，按下键盘 Alt + “/” 键，Eclipse 下自动补全。</span></pre></td></tr><tr><td data-num="5"></td><td><pre></pre></td></tr><tr class="marked"><td data-num="6"></td><td><pre><span class="token class-name">System</span><span class="token punctuation">.</span>out<span class="token punctuation">.</span><span class="token function">println</span><span class="token punctuation">(</span>in<span class="token punctuation">.</span><span class="token function">nextLine</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></pre></td></tr><tr class="marked"><td data-num="7"></td><td><pre><span class="token class-name">System</span><span class="token punctuation">.</span>out<span class="token punctuation">.</span><span class="token function">println</span><span class="token punctuation">(</span><span class="token string">"Hello"</span> <span class="token operator">+</span> <span class="token string">" world."</span><span class="token punctuation">)</span><span class="token punctuation">;</span></pre></td></tr></table></figure><figure class="highlight bash"><figcaption data-lang="bash"><span>命令行提示符</span></figcaption><table><tr><td data-num="1"></td><td data-command="[root@localhost] $"></td><td><pre><span class="token builtin class-name">pwd</span></pre></td></tr><tr><td data-num="2"></td><td data-command=""></td><td><pre>/usr/home/chris/bin</pre></td></tr><tr><td data-num="3"></td><td data-command=""></td><td><pre><span class="token function">ls</span> -la</pre></td></tr><tr><td data-num="4"></td><td data-command="[admin@remotehost] #"></td><td><pre>total <span class="token number">2</span></pre></td></tr><tr><td data-num="5"></td><td data-command="[admin@remotehost] #"></td><td><pre>drwxr-xr-x   <span class="token number">2</span> chris  chris     <span class="token number">11</span> Jan <span class="token number">10</span> <span class="token number">16</span>:48 <span class="token builtin class-name">.</span></pre></td></tr><tr><td data-num="6"></td><td data-command="[admin@remotehost] #"></td><td><pre>drwxr--r-x  <span class="token number">45</span> chris  chris     <span class="token number">92</span> Feb <span class="token number">14</span> <span class="token number">11</span>:10 <span class="token punctuation">..</span></pre></td></tr><tr><td data-num="7"></td><td data-command=""></td><td><pre>-rwxr-xr-x   <span class="token number">1</span> chris  chris    <span class="token number">444</span> Aug <span class="token number">25</span>  <span class="token number">2013</span> backup</pre></td></tr><tr><td data-num="8"></td><td data-command=""></td><td><pre>-rwxr-xr-x   <span class="token number">1</span> chris  chris    <span class="token number">642</span> Jan <span class="token number">17</span> <span class="token number">14</span>:42 deploy</pre></td></tr><tr><td data-num="9"></td><td data-command="[root@localhost] $"></td><td><pre><span class="token function">git</span> <span class="token function">add</span> -A</pre></td></tr><tr><td data-num="10"></td><td data-command="[root@localhost] $"></td><td><pre><span class="token function">git</span> commit -m <span class="token string">"update"</span></pre></td></tr><tr><td data-num="11"></td><td data-command=""></td><td><pre><span class="token function">git</span> push</pre></td></tr></table></figure><h1 id="quiz-练习题与答案"><a class="anchor" href="#quiz-练习题与答案">#</a>  <code>quiz</code>  练习题与答案</h1>
<p>这个功能是用来显示练习题的。<br />
需要在 Front Matter 中添加 <code>quiz: true</code> ，以正确显示题型标签。</p>
<figure class="highlight raw"><figcaption data-lang=""><span>几个例子</span></figcaption><table><tr><td data-num="1"></td><td><pre>---</pre></td></tr><tr><td data-num="2"></td><td><pre>title: 练习题与答案</pre></td></tr><tr><td data-num="3"></td><td><pre>quiz: true</pre></td></tr><tr><td data-num="4"></td><td><pre>---</pre></td></tr><tr><td data-num="5"></td><td><pre></pre></td></tr><tr><td data-num="6"></td><td><pre>1. 编译时多态主要指运算符重载与函数重载，而运行时多态主要指虚函数。 &#123;.quiz .true&#125;</pre></td></tr><tr><td data-num="7"></td><td><pre></pre></td></tr><tr><td data-num="8"></td><td><pre>2. 有基类 &#96;SHAPE&#96;，派生类 &#96;CIRCLE&#96;，声明如下变量：  &#123;.quiz .multi&#125;</pre></td></tr><tr><td data-num="9"></td><td><pre>    &#96;&#96;&#96;cpp</pre></td></tr><tr><td data-num="10"></td><td><pre>    SHAPE shape1,*p1;</pre></td></tr><tr><td data-num="11"></td><td><pre>    CIRCLE circle1,*q1;</pre></td></tr><tr><td data-num="12"></td><td><pre>    &#96;&#96;&#96;</pre></td></tr><tr><td data-num="13"></td><td><pre>    下列哪些项是 “派生类对象替换基类对象”。</pre></td></tr><tr><td data-num="14"></td><td><pre>    - &#96;p1&#x3D;&amp;circle1;&#96; &#123;.correct&#125;</pre></td></tr><tr><td data-num="15"></td><td><pre>    - &#96;q1&#x3D;&amp;shape1;&#96;</pre></td></tr><tr><td data-num="16"></td><td><pre>    - &#96;shape1&#x3D;circle1;&#96; &#123;.correct&#125;</pre></td></tr><tr><td data-num="17"></td><td><pre>    - &#96;circle1&#x3D;shape1;&#96;</pre></td></tr><tr><td data-num="18"></td><td><pre>&#123;.options&#125;</pre></td></tr><tr><td data-num="19"></td><td><pre>    &gt; - :heavy_check_mark: 令基类对象的指针指向派生类对象</pre></td></tr><tr><td data-num="20"></td><td><pre>    &gt; - :x: 派生类指针指向基类的引用</pre></td></tr><tr><td data-num="21"></td><td><pre>    &gt; - :heavy_check_mark: 派生类对象给基类对象赋值</pre></td></tr><tr><td data-num="22"></td><td><pre>    &gt; - :x: 基类对象给派生类对象赋值</pre></td></tr><tr><td data-num="23"></td><td><pre>    &gt; &#123;.options&#125;</pre></td></tr><tr><td data-num="24"></td><td><pre></pre></td></tr><tr><td data-num="25"></td><td><pre>3. 下列叙述正确的是 []&#123;.gap&#125; 。 &#123;.quiz&#125;</pre></td></tr><tr><td data-num="26"></td><td><pre>    - 虚函数只能定义成无参函数</pre></td></tr><tr><td data-num="27"></td><td><pre>    - 虚函数不能有返回值</pre></td></tr><tr><td data-num="28"></td><td><pre>    - 能定义虚构造函数</pre></td></tr><tr><td data-num="29"></td><td><pre>    - A、B、C 都不对 &#123;.correct&#125;</pre></td></tr><tr><td data-num="30"></td><td><pre>&#123;.options&#125;</pre></td></tr><tr><td data-num="31"></td><td><pre></pre></td></tr><tr><td data-num="32"></td><td><pre>10. 如果定义 &#96;int e&#x3D;8; double f&#x3D;6.4, g&#x3D;8.9;&#96;，则表达式 &#96;f+int (e&#x2F;3*int (f+g)&#x2F;2)%4&#96; 的值为 [9.4]&#123;.gap&#125;。 &#123;.quiz .fill&#125;</pre></td></tr><tr><td data-num="33"></td><td><pre>    &gt; 注意运算顺序和数据类型</pre></td></tr><tr><td data-num="34"></td><td><pre>    &gt; [8.4]&#123;.mistake&#125;</pre></td></tr></table></figure><p>点击选项可以显示答案，以及答案解析。</p>
<ol>
<li class="quiz">
<p>下列叙述正确的是 <span class="gap"></span> 。</p>
<ul class="options">
<li>虚函数只能定义成无参函数</li>
<li>虚函数不能有返回值</li>
<li>能定义虚构造函数</li>
<li class="correct">A、B、C 都不对</li>
</ul>
</li>
<li class="quiz multi">
<p>有基类 <code>SHAPE</code> ，派生类 <code>CIRCLE</code> ，声明如下变量： </p>
<figure class="highlight cpp"><figcaption data-lang="C++"></figcaption><table><tr><td data-num="1"></td><td><pre>SHAPE shape1<span class="token punctuation">,</span><span class="token operator">*</span>p1<span class="token punctuation">;</span></pre></td></tr><tr><td data-num="2"></td><td><pre>CIRCLE circle1<span class="token punctuation">,</span><span class="token operator">*</span>q1<span class="token punctuation">;</span></pre></td></tr></table></figure><p>下列哪些项是 “派生类对象替换基类对象”。</p>
<ul class="options">
<li class="correct"><code>p1=&amp;circle1;</code> </li>
<li><code>q1=&amp;shape1;</code></li>
<li class="correct"><code>shape1=circle1;</code> </li>
<li><code>circle1=shape1;</code></li>
</ul>
<blockquote>
<ul class="options">
<li>✔️ 令基类对象的指针指向派生类对象</li>
<li>❌ 派生类指针指向基类的引用</li>
<li>✔️ 派生类对象给基类对象赋值</li>
<li>❌ 基类对象给派生类对象赋值</li>
</ul>
</blockquote>
</li>
<li class="quiz true">
<p>编译时多态主要指运算符重载与函数重载，而运行时多态主要指虚函数。</p>
</li>
<li class="quiz fill">
<p>如果定义 <code>int e=8; double f=6.4, g=8.9;</code> ，则表达式  <code>f+int(e/3*int(f+g)/2)%4</code>  的值为 <span class="gap">9.4</span>。</p>
<blockquote>
<p>注意运算顺序和数据类型<br />
<span class="mistake"> 8.4</span></p>
</blockquote>
</li>
</ol>
<h2 id="使用说明"><a class="anchor" href="#使用说明">#</a> 使用说明</h2>
<p>本功能基于 <code>markdown-it-bracketed-spans</code>  和 <code>markdown-it-attrs</code></p>
<table>
<thead>
<tr>
<th>标签</th>
<th>含义</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>&#123;.quiz&#125;</code></td>
<td>选择题</td>
</tr>
<tr>
<td><code>&#123;.quiz .multi&#125;</code></td>
<td>多选题</td>
</tr>
<tr>
<td><code>&#123;.quiz .true&#125;</code></td>
<td>正确的判断题</td>
</tr>
<tr>
<td><code>&#123;.quiz .false&#125;</code></td>
<td>错误的判断题</td>
</tr>
<tr>
<td><code>&#123;.quiz .fill&#125;</code></td>
<td>填空题</td>
</tr>
<tr>
<td><code>[]&#123;.gap&#125;</code></td>
<td>空白下划线</td>
</tr>
<tr>
<td><code>[答案内容]&#123;.gap&#125;</code></td>
<td>答案内容带下划线</td>
</tr>
<tr>
<td><code>&#123;.options&#125;</code></td>
<td>ABCDE 选项</td>
</tr>
<tr>
<td><code>&#123;.correct&#125;</code></td>
<td>选择题的正确选项</td>
</tr>
<tr>
<td><code>&gt;</code></td>
<td>答案解析</td>
</tr>
<tr>
<td><code>[8.4]&#123;.mistake&#125;</code></td>
<td>错题备注</td>
</tr>
</tbody>
</table>
<h1 id="emoji-绘文字"><a class="anchor" href="#emoji-绘文字">#</a>  <code>emoji</code>  绘文字</h1>
<p>本功能基于 <code>markdown-it-emoji</code> ，所有<span class="exturl" data-url="aHR0cHM6Ly9naXRodWIuY29tL21hcmtkb3duLWl0L21hcmtkb3duLWl0LWVtb2ppL2Jsb2IvbWFzdGVyL2xpYi9kYXRhL2Z1bGwuanNvbg==">标签参考戳此</span></p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>:kissing_heart:</pre></td></tr><tr><td data-num="2"></td><td><pre>:ring:</pre></td></tr><tr><td data-num="3"></td><td><pre>:notes:</pre></td></tr></table></figure><p>😘 💍 🎶</p>
<h1 id="effects-文字特效"><a class="anchor" href="#effects-文字特效">#</a>  <code>effects</code>  文字特效</h1>
<p>本功能基于 <code>markdown-it-ins</code> 、  <code>markdown-it-bracketed-spans</code>  和 <code>markdown-it-attrs</code></p>
<blockquote>
<p>本主题风格颜色通用样式：default、primary、success、info、warning、danger</p>
</blockquote>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>++ 下划线 ++</pre></td></tr><tr><td data-num="2"></td><td><pre>++ 波浪线 ++&#123;.wavy&#125;</pre></td></tr><tr><td data-num="3"></td><td><pre>++ 着重点 ++&#123;.dot&#125;</pre></td></tr><tr><td data-num="4"></td><td><pre>++ 紫色下划线 ++&#123;.primary&#125;</pre></td></tr><tr><td data-num="5"></td><td><pre>++ 绿色波浪线 ++&#123;.wavy .success&#125;</pre></td></tr><tr><td data-num="6"></td><td><pre>++ 黄色着重点 ++&#123;.dot .warning&#125;</pre></td></tr><tr><td data-num="7"></td><td><pre>~~ 删除线～～</pre></td></tr><tr><td data-num="8"></td><td><pre>~~ 红色删除线～～&#123;.danger&#125;</pre></td></tr><tr><td data-num="9"></td><td><pre>&#x3D;&#x3D; 荧光高亮 &#x3D;&#x3D;</pre></td></tr><tr><td data-num="10"></td><td><pre>[赤橙黄绿青蓝紫]&#123;.rainbow&#125;</pre></td></tr><tr><td data-num="11"></td><td><pre>[红色]&#123;.red&#125;</pre></td></tr><tr><td data-num="12"></td><td><pre>[粉色]&#123;.pink&#125;</pre></td></tr><tr><td data-num="13"></td><td><pre>[橙色]&#123;.orange&#125;</pre></td></tr><tr><td data-num="14"></td><td><pre>[红色]&#123;.yellow&#125;</pre></td></tr><tr><td data-num="15"></td><td><pre>[绿色]&#123;.green&#125;</pre></td></tr><tr><td data-num="16"></td><td><pre>[靛青]&#123;.aqua&#125;</pre></td></tr><tr><td data-num="17"></td><td><pre>[蓝色]&#123;.blue&#125;</pre></td></tr><tr><td data-num="18"></td><td><pre>[紫色]&#123;.purple&#125;</pre></td></tr><tr><td data-num="19"></td><td><pre>[灰色]&#123;.grey&#125;</pre></td></tr><tr><td data-num="20"></td><td><pre>快捷键 [Ctrl]&#123;.kbd&#125; + [C]&#123;.kbd .red&#125;</pre></td></tr><tr><td data-num="21"></td><td><pre>H~2~0</pre></td></tr><tr><td data-num="22"></td><td><pre>29^th^</pre></td></tr></table></figure><div class="note warning">
<p>这段代码因为自动被 pangu.js 处理了一下，加了几个空格，导致直接复制代码不能正常显示。<br />
正确的代码是 <code>++下划线++</code>   <code>~~删除线~~</code>   <code>==荧光高亮==</code> ，不能有空格哦。</p>
</div>
<p><ins>下划线</ins><br />
<ins class="wavy">波浪线</ins><br />
<ins class="dot">着重点</ins><br />
<ins class="primary">紫色下划线</ins><br />
<ins class="wavy success">绿色波浪线</ins><br />
<ins class="dot warning">黄色着重点</ins><br />
<s>删除线</s><br />
<s class="danger">红色删除线</s><br />
<mark>荧光高亮</mark><br />
<span class="rainbow">赤橙黄绿青蓝紫</span><br />
<span class="red">红色</span><br />
<span class="pink">粉色</span><br />
<span class="orange">橙色</span><br />
<span class="yellow">黄色</span><br />
<span class="green">绿色</span><br />
<span class="aqua">靛青</span><br />
<span class="blue">蓝色</span><br />
<span class="purple">紫色</span><br />
<span class="grey">灰色</span><br />
快捷键 <span class="kbd">Ctrl</span> + <span class="kbd red">C</span><br />
H<sub>2</sub>0<br />
29<sup>th</sup></p>
<h1 id="spoiler隐藏文字"><a class="anchor" href="#spoiler隐藏文字">#</a>  <code>spoiler</code>  隐藏文字</h1>
<p>本功能基于 <code>markdown-it-spoiler</code>  和 <code>markdown-it-attrs</code></p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>!! 黑幕黑幕黑幕黑幕黑幕黑幕！！： 鼠标滑过显示内容</pre></td></tr><tr><td data-num="2"></td><td><pre>!! 模糊模糊模糊模糊模糊模糊！！&#123;.bulr&#125; ： 选中文字显示内容</pre></td></tr></table></figure><p><span class="spoiler" title="你知道得太多了">黑幕黑幕黑幕黑幕黑幕黑幕</span> ： 鼠标滑过显示内容<br />
<span class="spoiler bulr" title="你知道得太多了">模糊模糊模糊模糊模糊模糊</span> ： 选中文字显示内容</p>
<h1 id="label-标签块"><a class="anchor" href="#label-标签块">#</a>  <code>label</code>  标签块</h1>
<p>本功能基于 <code>markdown-it-bracketed-spans</code>  和 <code>markdown-it-attrs</code> <br />
 有以下颜色可选</p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>[default]&#123;.label&#125;</pre></td></tr><tr><td data-num="2"></td><td><pre>[primary]&#123;.label .primary&#125;</pre></td></tr><tr><td data-num="3"></td><td><pre>[info]&#123;.label .info&#125;</pre></td></tr><tr><td data-num="4"></td><td><pre>[:heavy_check_mark:success]&#123;.label .success&#125;</pre></td></tr><tr><td data-num="5"></td><td><pre>[warning]&#123;.label .warning&#125;</pre></td></tr><tr><td data-num="6"></td><td><pre>[:broken_heart:danger]&#123;.label .danger&#125;</pre></td></tr></table></figure><p><span class="label">default</span><br />
<span class="label primary">primary</span><br />
<span class="label info">info</span><br />
<span class="label success">✔️success</span><br />
<span class="label warning">warning</span><br />
<span class="label danger">💔danger</span></p>
<h1 id="note-提醒块"><a class="anchor" href="#note-提醒块">#</a>  <code>note</code>  提醒块</h1>
<p>本功能基于 <code>markdown-it-container</code> <br />
 标签为：</p>
<table>
<tbody>
<tr>
<td>开始行</td>
<td><code>:::[风格颜色]</code></td>
</tr>
<tr>
<td>结束行</td>
<td><code>:::</code></td>
</tr>
</tbody>
</table>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>:::default</pre></td></tr><tr><td data-num="2"></td><td><pre>默认默认</pre></td></tr><tr><td data-num="3"></td><td><pre>:::</pre></td></tr><tr><td data-num="4"></td><td><pre></pre></td></tr><tr><td data-num="5"></td><td><pre>:::primary</pre></td></tr><tr><td data-num="6"></td><td><pre>基本基本</pre></td></tr><tr><td data-num="7"></td><td><pre>:::</pre></td></tr><tr><td data-num="8"></td><td><pre></pre></td></tr><tr><td data-num="9"></td><td><pre>:::info</pre></td></tr><tr><td data-num="10"></td><td><pre>提示提示</pre></td></tr><tr><td data-num="11"></td><td><pre>:::</pre></td></tr><tr><td data-num="12"></td><td><pre></pre></td></tr><tr><td data-num="13"></td><td><pre>:::success</pre></td></tr><tr><td data-num="14"></td><td><pre>成功成功</pre></td></tr><tr><td data-num="15"></td><td><pre>:::</pre></td></tr><tr><td data-num="16"></td><td><pre></pre></td></tr><tr><td data-num="17"></td><td><pre>:::warning</pre></td></tr><tr><td data-num="18"></td><td><pre>警告警告</pre></td></tr><tr><td data-num="19"></td><td><pre>:::</pre></td></tr><tr><td data-num="20"></td><td><pre></pre></td></tr><tr><td data-num="21"></td><td><pre>:::danger</pre></td></tr><tr><td data-num="22"></td><td><pre>危险危险</pre></td></tr><tr><td data-num="23"></td><td><pre>:::</pre></td></tr><tr><td data-num="24"></td><td><pre></pre></td></tr><tr><td data-num="25"></td><td><pre>:::danger no-icon</pre></td></tr><tr><td data-num="26"></td><td><pre>危险危险</pre></td></tr><tr><td data-num="27"></td><td><pre>:::</pre></td></tr></table></figure><div class="note default">
<p>默认默认</p>
</div>
<div class="note primary">
<p>基本基本</p>
</div>
<div class="note info">
<p>提示提示</p>
</div>
<div class="note success">
<p>成功成功</p>
</div>
<div class="note warning">
<p>警告警告</p>
</div>
<div class="note danger">
<p>危险危险</p>
</div>
<div class="note danger no-icon">
<p>没有图标</p>
</div>
<h1 id="tab标签卡"><a class="anchor" href="#tab标签卡">#</a>  <code>tab</code>  标签卡</h1>
<p>本功能基于 <code>markdown-it-container</code> <br />
 标签为：</p>
<table>
<tbody>
<tr>
<td>开始行</td>
<td><code>;;;[同一ID] [标签名称]</code></td>
</tr>
<tr>
<td>结束行</td>
<td><code>;;;</code></td>
</tr>
</tbody>
</table>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>;;;id1 卡片 1</pre></td></tr><tr><td data-num="2"></td><td><pre>这里是卡片 1 的内容</pre></td></tr><tr><td data-num="3"></td><td><pre>** 加粗 **</pre></td></tr><tr><td data-num="4"></td><td><pre>[success]&#123;.label .success&#125;</pre></td></tr><tr><td data-num="5"></td><td><pre></pre></td></tr><tr><td data-num="6"></td><td><pre>&#123;% links %&#125;</pre></td></tr><tr><td data-num="7"></td><td><pre>- site: 優萌初華</pre></td></tr><tr><td data-num="8"></td><td><pre>  owner: 霜月琉璃</pre></td></tr><tr><td data-num="9"></td><td><pre>  url: https:&#x2F;&#x2F;shoka.lostyu.me</pre></td></tr><tr><td data-num="10"></td><td><pre>  desc: 琉璃的医学 &amp; 编程笔记</pre></td></tr><tr><td data-num="11"></td><td><pre>  image: https:&#x2F;&#x2F;cdn.jsdelivr.net&#x2F;gh&#x2F;amehime&#x2F;shoka@latest&#x2F;images&#x2F;avatar.jpg</pre></td></tr><tr><td data-num="12"></td><td><pre>  color: &quot;#e9546b&quot;</pre></td></tr><tr><td data-num="13"></td><td><pre>&#123;% endlinks %&#125;</pre></td></tr><tr><td data-num="14"></td><td><pre>;;;</pre></td></tr><tr><td data-num="15"></td><td><pre></pre></td></tr><tr><td data-num="16"></td><td><pre>;;;id1 卡片 2</pre></td></tr><tr><td data-num="17"></td><td><pre>这里是卡片 2 的内容</pre></td></tr><tr><td data-num="18"></td><td><pre>:::danger</pre></td></tr><tr><td data-num="19"></td><td><pre>危险危险</pre></td></tr><tr><td data-num="20"></td><td><pre>:::</pre></td></tr><tr><td data-num="21"></td><td><pre>- 第一行</pre></td></tr><tr><td data-num="22"></td><td><pre>- 第二行</pre></td></tr><tr><td data-num="23"></td><td><pre>;;;</pre></td></tr><tr><td data-num="24"></td><td><pre></pre></td></tr><tr><td data-num="25"></td><td><pre>;;;id2 ②号标签卡片 1</pre></td></tr><tr><td data-num="26"></td><td><pre>这里是卡片 1 的内容</pre></td></tr><tr><td data-num="27"></td><td><pre>;;;</pre></td></tr><tr><td data-num="28"></td><td><pre></pre></td></tr><tr><td data-num="29"></td><td><pre>;;;id2 ②号标签卡片 2</pre></td></tr><tr><td data-num="30"></td><td><pre>这里是卡片 2 的内容</pre></td></tr><tr><td data-num="31"></td><td><pre>;;;</pre></td></tr></table></figure><div class="tab" data-id="id1" data-title="卡片1">
<p>这里是卡片 1 的内容<br />
<strong>加粗</strong><br />
<span class="label success"> success</span></p>
<p><div class="links"><div class="item" title="霜月琉璃" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="https://cdn.jsdelivr.net/gh/amehime/shoka@latest/images/avatar.jpg"></span>
          <div class="info">
          <span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
          <p class="desc">琉璃的医学 & 编程笔记</p>
          </div></div></div></p>
</div>
<div class="tab" data-id="id1" data-title="卡片2">
<p>这里是卡片 2 的内容</p>
<div class="note danger">
<p>危险危险</p>
</div>
<ul>
<li>第一行</li>
<li>第二行</li>
</ul>
</div>
<div class="tab" data-id="id2" data-title="②号标签卡片1">
<p>这里是卡片 1 的内容</p>
</div>
<div class="tab" data-id="id2" data-title="②号标签卡片2">
<p>这里是卡片 2 的内容</p>
</div>
<h1 id="collapse-折叠块"><a class="anchor" href="#collapse-折叠块">#</a>  <code>collapse</code>  折叠块</h1>
<p>本功能基于 <code>markdown-it-container</code> <br />
 标签为：</p>
<table>
<tbody>
<tr>
<td>开始行</td>
<td><code>+++[风格颜色] [标题文字]</code></td>
</tr>
<tr>
<td>结束行</td>
<td><code>+++</code></td>
</tr>
</tbody>
</table>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>+++ 默认默认 这里是一段文字</pre></td></tr><tr><td data-num="2"></td><td><pre>++ 下划线 ++</pre></td></tr><tr><td data-num="3"></td><td><pre>+++</pre></td></tr><tr><td data-num="4"></td><td><pre></pre></td></tr><tr><td data-num="5"></td><td><pre></pre></td></tr><tr><td data-num="6"></td><td><pre>+++primary 紫色</pre></td></tr><tr><td data-num="7"></td><td><pre>:::info</pre></td></tr><tr><td data-num="8"></td><td><pre>参考信息</pre></td></tr><tr><td data-num="9"></td><td><pre>:::</pre></td></tr><tr><td data-num="10"></td><td><pre></pre></td></tr><tr><td data-num="11"></td><td><pre>- 第一行</pre></td></tr><tr><td data-num="12"></td><td><pre>- 第二行</pre></td></tr><tr><td data-num="13"></td><td><pre>+++</pre></td></tr><tr><td data-num="14"></td><td><pre></pre></td></tr><tr><td data-num="15"></td><td><pre></pre></td></tr><tr><td data-num="16"></td><td><pre>+++info  蓝色</pre></td></tr><tr><td data-num="17"></td><td><pre>;;;id3 卡片 1</pre></td></tr><tr><td data-num="18"></td><td><pre>这里是卡片 1 的内容</pre></td></tr><tr><td data-num="19"></td><td><pre>;;;</pre></td></tr><tr><td data-num="20"></td><td><pre></pre></td></tr><tr><td data-num="21"></td><td><pre>;;;id3 卡片 2</pre></td></tr><tr><td data-num="22"></td><td><pre>这里是卡片 2 的内容</pre></td></tr><tr><td data-num="23"></td><td><pre>;;;</pre></td></tr><tr><td data-num="24"></td><td><pre>+++</pre></td></tr><tr><td data-num="25"></td><td><pre></pre></td></tr><tr><td data-num="26"></td><td><pre>+++success 绿色</pre></td></tr><tr><td data-num="27"></td><td><pre>&#123;% links %&#125;</pre></td></tr><tr><td data-num="28"></td><td><pre>- site: 優萌初華</pre></td></tr><tr><td data-num="29"></td><td><pre>  url: https:&#x2F;&#x2F;shoka.lostyu.me</pre></td></tr><tr><td data-num="30"></td><td><pre>  color: &quot;#e9546b&quot;</pre></td></tr><tr><td data-num="31"></td><td><pre>&#123;% endlinks %&#125;</pre></td></tr><tr><td data-num="32"></td><td><pre>+++</pre></td></tr><tr><td data-num="33"></td><td><pre></pre></td></tr><tr><td data-num="34"></td><td><pre>+++warning 黄色</pre></td></tr><tr><td data-num="35"></td><td><pre>!! 警告警告警告警告警告！！&#123;.bulr&#125;</pre></td></tr><tr><td data-num="36"></td><td><pre>[label]&#123;.label .success&#125;</pre></td></tr><tr><td data-num="37"></td><td><pre>+++</pre></td></tr><tr><td data-num="38"></td><td><pre></pre></td></tr><tr><td data-num="39"></td><td><pre>+++danger 红色</pre></td></tr><tr><td data-num="40"></td><td><pre>[danger]&#123;.label .danger&#125;</pre></td></tr><tr><td data-num="41"></td><td><pre>+++</pre></td></tr></table></figure><details><summary>默认默认 这里是一段文字</summary><div>
<p><ins>下划线</ins></p>
</div></details>
<details class="primary"><summary>紫色</summary><div>
<div class="note info">
<p>参考信息</p>
</div>
<ul>
<li>第一行</li>
<li>第二行</li>
</ul>
</div></details>
<details class="info"><summary>蓝色</summary><div>
<div class="tab" data-id="id3" data-title="卡片1">
<p>这里是卡片 1 的内容<br />
<ins class="wavy">波浪线</ins></p>
</div>
<div class="tab" data-id="id3" data-title="卡片2">
<p>这里是卡片 2 的内容</p>
</div>
</div></details>
<details class="success"><summary>绿色</summary><div>
<p><div class="links"><div class="item" title="優萌初華" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="/images/404.png"></span>
          <div class="info">
          <span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
          <p class="desc">https://shoka.lostyu.me</p>
          </div></div></div></p>
</div></details>
<details class="warning"><summary>黄色</summary><div>
<p><span class="spoiler bulr" title="你知道得太多了">警告警告警告警告警告</span><br />
<span class="label success"> label</span></p>
</div></details>
<details class="danger"><summary>红色</summary><div>
<p><span class="label danger">danger</span></p>
</div></details>
<h1 id="tasklist-待办事项"><a class="anchor" href="#tasklist-待办事项">#</a>  <code>taskList</code>  待办事项</h1>
<p>本功能基于 <code>markdown-it-task-checkbox</code> 。<br />
可以利用 <code>markdown-it-attrs</code>  添加风格颜色，只可以给 <code>ul</code>  标签添加，需要新建两行。</p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>- [ ] 这是一个小叉叉</pre></td></tr><tr><td data-num="2"></td><td><pre>- [x] 这是一个红色勾勾</pre></td></tr><tr><td data-num="3"></td><td><pre></pre></td></tr><tr><td data-num="4"></td><td><pre>&#123;.danger&#125;</pre></td></tr><tr><td data-num="5"></td><td><pre></pre></td></tr><tr><td data-num="6"></td><td><pre>- [ ] 未完成</pre></td></tr><tr><td data-num="7"></td><td><pre>- [x] 完成</pre></td></tr><tr><td data-num="8"></td><td><pre></pre></td></tr><tr><td data-num="9"></td><td><pre>&#123;.primary&#125;</pre></td></tr><tr><td data-num="10"></td><td><pre></pre></td></tr><tr><td data-num="11"></td><td><pre>- [ ] 未完成</pre></td></tr><tr><td data-num="12"></td><td><pre>- [x] 默认颜色</pre></td></tr></table></figure><ul class="task-list danger">
<li class="task-list-item"><input type="checkbox" id="cbx_0" disabled="true" /><label for="cbx_0"> 这是一个小叉叉</label></li>
<li class="task-list-item"><input type="checkbox" id="cbx_1" checked="true" disabled="true" /><label for="cbx_1"> 这是一个红色勾勾</label></li>
</ul>
<ul class="task-list primary">
<li class="task-list-item"><input type="checkbox" id="cbx_2" disabled="true" /><label for="cbx_2"> 未完成</label></li>
<li class="task-list-item"><input type="checkbox" id="cbx_3" checked="true" disabled="true" /><label for="cbx_3"> 完成</label></li>
</ul>
<ul class="task-list">
<li class="task-list-item"><input type="checkbox" id="cbx_4" disabled="true" /><label for="cbx_4"> 未完成</label></li>
<li class="task-list-item"><input type="checkbox" id="cbx_5" checked="true" disabled="true" /><label for="cbx_5"> 默认颜色</label></li>
</ul>
<h1 id="furigana文字注音"><a class="anchor" href="#furigana文字注音">#</a>  <code>furigana</code>  文字注音</h1>
<p>原本用于日语汉字假名注音，但别的注音也可以。<br />
为了兼容性，采用 <code>markdown-it-ruby</code>  的基本格式： <code>&#123;文字^注音&#125;</code> ，并且为了兼容表格，将分隔符由 <code>|</code>  换成了 <code>^</code> 。<br />
注音分隔基于 <code>furigana-markdown-it</code> <span class="exturl" data-url="aHR0cHM6Ly93d3cubnBtanMuY29tL3BhY2thZ2UvZnVyaWdhbmEtbWFya2Rvd24taXQjcXVpY2stdXNhZ2U="> 显示说明看这里</span></p>
<table>
<tbody>
<tr>
<td><code>&#123;取り返す^とりかえす&#125;</code></td>
<td><ruby>取<rp> (</rp><rt>と</rt><rp>)</rp> り<rt></rt>返<rp> (</rp><rt>かえ</rt><rp>)</rp> す<rt></rt></ruby></td>
</tr>
<tr>
<td><code>&#123;可愛い犬^か+わい・い・いぬ&#125;</code></td>
<td><ruby>可愛<rp> (</rp><rt>かわい</rt><rp>)</rp> い<rt></rt>犬<rp> (</rp><rt>いぬ</rt><rp>)</rp></ruby></td>
</tr>
<tr>
<td><code>&#123;可愛い犬^か・わい・いいぬ&#125;</code></td>
<td><ruby>可<rp> (</rp><rt>か</rt><rp>)</rp> 愛<rp> (</rp><rt>わい</rt><rp>)</rp> い<rt></rt>犬<rp> (</rp><rt>いぬ</rt><rp>)</rp></ruby></td>
</tr>
<tr>
<td><code>&#123;アクセラレータ^accelerator&#125;</code></td>
<td><ruby>アクセラレータ<rp> (</rp><rt>accelerator</rt><rp>)</rp></ruby></td>
</tr>
<tr>
<td><code>&#123;accelerator^アクセラレータ&#125;</code></td>
<td><ruby>accelerator<rp>(</rp><rt>アクセラレータ</rt><rp>)</rp></ruby></td>
</tr>
<tr>
<td><code>&#123;食べる^たべる&#125;</code></td>
<td><ruby>食<rp> (</rp><rt>た</rt><rp>)</rp> べる<rt></rt></ruby></td>
</tr>
<tr>
<td><code>&#123;食べる^=たべる&#125;</code></td>
<td><ruby>食べる<rp> (</rp><rt>たべる</rt><rp>)</rp></ruby></td>
</tr>
<tr>
<td><code>&#123;あいうえお^*&#125;</code></td>
<td><ruby>あ<rt>●</rt>い<rt>●</rt>う<rt>●</rt>え<rt>●</rt>お<rt>●</rt></ruby></td>
</tr>
<tr>
<td><code>&#123;あいうえお^*❤&#125;</code></td>
<td><ruby>あ<rt>❤</rt>い<rt>❤</rt>う<rt>❤</rt>え<rt>❤</rt>お<rt>❤</rt></ruby></td>
</tr>
<tr>
<td><code>&#123;常用账号^contact&#125;</code></td>
<td><ruby>常用账号<rp> (</rp><rt>contact</rt><rp>)</rp></ruby></td>
</tr>
</tbody>
</table>
<h1 id="media多媒体"><a class="anchor" href="#media多媒体">#</a>  <code>media</code>  多媒体</h1>
<p>本功能基于 Hexo Tag 功能，使用 <code>media</code>  标签，目前可选择两种类型，即 <code>audio</code>  和 <code>video</code> 。</p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>&#123;% media audio %&#125;</pre></td></tr><tr><td data-num="2"></td><td><pre>... 音频列表</pre></td></tr><tr><td data-num="3"></td><td><pre>&#123;% endmedia %&#125;</pre></td></tr><tr><td data-num="4"></td><td><pre></pre></td></tr><tr><td data-num="5"></td><td><pre>&#123;% media video %&#125;</pre></td></tr><tr><td data-num="6"></td><td><pre>... 视频列表</pre></td></tr><tr><td data-num="7"></td><td><pre>&#123;% endmedia %&#125;</pre></td></tr></table></figure><p>标签包绕一段 <code>yml</code>  格式的内容，格式与<a href="../config/#%E8%83%8C%E6%99%AF%E9%9F%B3%E4%B9%90">背景音乐</a>的配置类似。</p>
<p>亦可以直接使用网易云、虾米、QQ 音乐的播放列表、单曲。</p>
<figure class="highlight raw"><figcaption data-lang=""><span>举个栗子</span></figcaption><table><tr><td data-num="1"></td><td><pre>&#123;% media audio %&#125;</pre></td></tr><tr><td data-num="2"></td><td><pre>- title: 列表 1</pre></td></tr><tr><td data-num="3"></td><td><pre>  list:</pre></td></tr><tr><td data-num="4"></td><td><pre>    - https:&#x2F;&#x2F;music.163.com&#x2F;#&#x2F;playlist?id&#x3D;2943811283</pre></td></tr><tr><td data-num="5"></td><td><pre>    - https:&#x2F;&#x2F;music.163.com&#x2F;#&#x2F;playlist?id&#x3D;2297706586</pre></td></tr><tr><td data-num="6"></td><td><pre>- title: 列表 2</pre></td></tr><tr><td data-num="7"></td><td><pre>  list:</pre></td></tr><tr><td data-num="8"></td><td><pre>    - https:&#x2F;&#x2F;music.163.com&#x2F;#&#x2F;playlist?id&#x3D;2031842656</pre></td></tr><tr><td data-num="9"></td><td><pre>&#123;% endmedia %&#125;</pre></td></tr><tr><td data-num="10"></td><td><pre></pre></td></tr><tr><td data-num="11"></td><td><pre></pre></td></tr><tr><td data-num="12"></td><td><pre>&#123;% media video %&#125;</pre></td></tr><tr><td data-num="13"></td><td><pre>- name: &quot;测试 1&quot;</pre></td></tr><tr><td data-num="14"></td><td><pre>  url: https:&#x2F;&#x2F;cdn.kastatic.org&#x2F;ka-youtube-converted&#x2F;O_nY1TM2RZM.mp4&#x2F;O_nY1TM2RZM.mp4#t&#x3D;0</pre></td></tr><tr><td data-num="15"></td><td><pre>- name: &quot;测试 2&quot;</pre></td></tr><tr><td data-num="16"></td><td><pre>  url: https:&#x2F;&#x2F;cdn.kastatic.org&#x2F;ka-youtube-converted&#x2F;O_nY1TM2RZM.mp4&#x2F;O_nY1TM2RZM.mp4#t&#x3D;0</pre></td></tr><tr><td data-num="17"></td><td><pre>&#123;% endmedia %&#125;</pre></td></tr></table></figure><p><div class="media-container"><div class="player" data-type="audio" data-src='[{"title":"列表1","list":["https://music.163.com/#/playlist?id=2943811283","https://music.163.com/#/playlist?id=2297706586"]},{"title":"列表2","list":["https://music.163.com/#/playlist?id=2031842656"]}]'></div></div></p>
<p><div class="media-container"><div class="player" data-type="video" data-src='[{"name":"测试1","url":"https://cdn.kastatic.org/ka-youtube-converted/O_nY1TM2RZM.mp4/O_nY1TM2RZM.mp4#t=0"},{"name":"测试2","url":"https://cdn.kastatic.org/ka-youtube-converted/O_nY1TM2RZM.mp4/O_nY1TM2RZM.mp4#t=0"}]'></div></div></p>
<h1 id="math数学公式"><a class="anchor" href="#math数学公式">#</a>  <code>math</code>  数学公式</h1>
<p>本功能基于 <code>markdown-it-katex</code> <br />
 在 Front Matter 中添加 <code>math: true</code>  以支持<span class="exturl" data-url="aHR0cHM6Ly9rYXRleC5vcmcv"> KaTex</span></p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>---</pre></td></tr><tr><td data-num="2"></td><td><pre>title: 数学公式显示</pre></td></tr><tr><td data-num="3"></td><td><pre>math: true</pre></td></tr><tr><td data-num="4"></td><td><pre>---</pre></td></tr><tr><td data-num="5"></td><td><pre></pre></td></tr><tr><td data-num="6"></td><td><pre>行内公式：$\sqrt &#123;3x-1&#125;+(1+x)^2$</pre></td></tr><tr><td data-num="7"></td><td><pre></pre></td></tr><tr><td data-num="8"></td><td><pre>独立块显示：</pre></td></tr><tr><td data-num="9"></td><td><pre>$$\begin &#123;array&#125;&#123;c&#125;</pre></td></tr><tr><td data-num="10"></td><td><pre></pre></td></tr><tr><td data-num="11"></td><td><pre>\nabla \times \vec &#123;\mathbf &#123;B&#125;&#125; -\, \frac1c\, \frac &#123;\partial\vec &#123;\mathbf &#123;E&#125;&#125;&#125;&#123;\partial t&#125; &amp;</pre></td></tr><tr><td data-num="12"></td><td><pre>&#x3D; \frac &#123;4\pi&#125;&#123;c&#125;\vec &#123;\mathbf &#123;j&#125;&#125;    \nabla \cdot \vec &#123;\mathbf &#123;E&#125;&#125; &amp; &#x3D; 4 \pi \rho \\</pre></td></tr><tr><td data-num="13"></td><td><pre></pre></td></tr><tr><td data-num="14"></td><td><pre>\nabla \times \vec &#123;\mathbf &#123;E&#125;&#125;\, +\, \frac1c\, \frac &#123;\partial\vec &#123;\mathbf &#123;B&#125;&#125;&#125;&#123;\partial t&#125; &amp; &#x3D; \vec &#123;\mathbf &#123;0&#125;&#125; \\</pre></td></tr><tr><td data-num="15"></td><td><pre></pre></td></tr><tr><td data-num="16"></td><td><pre>\nabla \cdot \vec &#123;\mathbf &#123;B&#125;&#125; &amp; &#x3D; 0</pre></td></tr><tr><td data-num="17"></td><td><pre></pre></td></tr><tr><td data-num="18"></td><td><pre>\end &#123;array&#125;$$</pre></td></tr></table></figure><p>行内公式：<span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msqrt><mrow><mn>3</mn><mi>x</mi><mo>−</mo><mn>1</mn></mrow></msqrt><mo>+</mo><mo stretchy="false">(</mo><mn>1</mn><mo>+</mo><mi>x</mi><msup><mo stretchy="false">)</mo><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">\sqrt{3x-1}+(1+x)^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.04em;vertical-align:-0.17444499999999996em;"></span><span class="mord sqrt"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.8655550000000001em;"><span class="svg-align" style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord" style="padding-left:0.833em;"><span class="mord">3</span><span class="mord mathnormal">x</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord">1</span></span></span><span style="top:-2.825555em;"><span class="pstrut" style="height:3em;"></span><span class="hide-tail" style="min-width:0.853em;height:1.08em;"><svg width='400em' height='1.08em' viewBox='0 0 400000 1080' preserveAspectRatio='xMinYMin slice'><path d='M95,702
c-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14
c0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54
c44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10
s173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429
c69,-144,104.5,-217.7,106.5,-221
l0 -0
c5.3,-9.3,12,-14,20,-14
H400000v40H845.2724
s-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7
c-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z
M834 80h400000v40h-400000z'/></svg></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.17444499999999996em;"><span></span></span></span></span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span></span><span class="base"><span class="strut" style="height:1em;vertical-align:-0.25em;"></span><span class="mopen">(</span><span class="mord">1</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span></span><span class="base"><span class="strut" style="height:1.064108em;vertical-align:-0.25em;"></span><span class="mord mathnormal">x</span><span class="mclose"><span class="mclose">)</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141079999999999em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span></p>
<p>独立块显示：</p>
<p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mtable rowspacing="0.15999999999999992em" columnalign="center" columnspacing="1em"><mtr><mtd><mstyle scriptlevel="0" displaystyle="false"><mrow><mi mathvariant="normal">∇</mi><mo>×</mo><mover accent="true"><mi mathvariant="bold">B</mi><mo>⃗</mo></mover><mo>−</mo><mtext> </mtext><mfrac><mn>1</mn><mi>c</mi></mfrac><mtext> </mtext><mfrac><mrow><mi mathvariant="normal">∂</mi><mover accent="true"><mi mathvariant="bold">E</mi><mo>⃗</mo></mover></mrow><mrow><mi mathvariant="normal">∂</mi><mi>t</mi></mrow></mfrac></mrow></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mrow><mo>=</mo><mfrac><mrow><mn>4</mn><mi>π</mi></mrow><mi>c</mi></mfrac><mover accent="true"><mi mathvariant="bold">j</mi><mo>⃗</mo></mover><mi mathvariant="normal">∇</mi><mo>⋅</mo><mover accent="true"><mi mathvariant="bold">E</mi><mo>⃗</mo></mover></mrow></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mrow><mo>=</mo><mn>4</mn><mi>π</mi><mi>ρ</mi></mrow></mstyle></mtd></mtr><mtr><mtd><mstyle scriptlevel="0" displaystyle="false"><mrow><mi mathvariant="normal">∇</mi><mo>×</mo><mover accent="true"><mi mathvariant="bold">E</mi><mo>⃗</mo></mover><mtext> </mtext><mo>+</mo><mtext> </mtext><mfrac><mn>1</mn><mi>c</mi></mfrac><mtext> </mtext><mfrac><mrow><mi mathvariant="normal">∂</mi><mover accent="true"><mi mathvariant="bold">B</mi><mo>⃗</mo></mover></mrow><mrow><mi mathvariant="normal">∂</mi><mi>t</mi></mrow></mfrac></mrow></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mrow><mo>=</mo><mover accent="true"><mn mathvariant="bold">0</mn><mo>⃗</mo></mover></mrow></mstyle></mtd></mtr><mtr><mtd><mstyle scriptlevel="0" displaystyle="false"><mrow><mi mathvariant="normal">∇</mi><mo>⋅</mo><mover accent="true"><mi mathvariant="bold">B</mi><mo>⃗</mo></mover></mrow></mstyle></mtd><mtd><mstyle scriptlevel="0" displaystyle="false"><mrow><mo>=</mo><mn>0</mn></mrow></mstyle></mtd></mtr></mtable><annotation encoding="application/x-tex">\begin{array}{c}

\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} &amp;
= \frac{4\pi}{c}\vec{\mathbf{j}}    \nabla \cdot \vec{\mathbf{E}} &amp; = 4 \pi \rho \\

\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} &amp; = \vec{\mathbf{0}} \\

\nabla \cdot \vec{\mathbf{B}} &amp; = 0

\end{array}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:4.1938640000000005em;vertical-align:-1.846932em;"></span><span class="mord"><span class="mtable"><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:2.3469320000000002em;"><span style="top:-4.346932000000001em;"><span class="pstrut" style="height:3.072377em;"></span><span class="mord"><span class="mord">∇</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">×</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord accent"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.9691099999999999em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathbf">B</span></span></span></span><span style="top:-3.25511em;"><span class="pstrut" style="height:3em;"></span><span class="accent-body" style="left:-0.15216em;"><span class="overlay" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">−</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.845108em;"><span style="top:-2.6550000000000002em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight">c</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.394em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">1</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.345em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.072377em;"><span style="top:-2.6550000000000002em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight" style="margin-right:0.05556em;">∂</span><span class="mord mathnormal mtight">t</span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.394em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight" style="margin-right:0.05556em;">∂</span><span class="mord accent mtight"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.9691099999999999em;"><span style="top:-2.714em;"><span class="pstrut" style="height:2.714em;"></span><span class="mord mtight"><span class="mord mtight"><span class="mord mathbf mtight">E</span></span></span></span><span style="top:-2.96911em;"><span class="pstrut" style="height:2.714em;"></span><span class="accent-body" style="left:-0.15216em;"><span class="overlay mtight" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.345em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span><span style="top:-2.9145549999999996em;"><span class="pstrut" style="height:3.072377em;"></span><span class="mord"><span class="mord">∇</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">×</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord accent"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.9691099999999999em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathbf">E</span></span></span></span><span style="top:-3.25511em;"><span class="pstrut" style="height:3em;"></span><span class="accent-body" style="left:-0.15216em;"><span class="overlay" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">+</span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.845108em;"><span style="top:-2.6550000000000002em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mathnormal mtight">c</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.394em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">1</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.345em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.072377em;"><span style="top:-2.6550000000000002em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight" style="margin-right:0.05556em;">∂</span><span class="mord mathnormal mtight">t</span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.394em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight" style="margin-right:0.05556em;">∂</span><span class="mord accent mtight"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.9691099999999999em;"><span style="top:-2.714em;"><span class="pstrut" style="height:2.714em;"></span><span class="mord mtight"><span class="mord mtight"><span class="mord mathbf mtight">B</span></span></span></span><span style="top:-2.96911em;"><span class="pstrut" style="height:2.714em;"></span><span class="accent-body" style="left:-0.15216em;"><span class="overlay mtight" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.345em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span><span style="top:-1.585445em;"><span class="pstrut" style="height:3.072377em;"></span><span class="mord"><span class="mord">∇</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">⋅</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord accent"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.9691099999999999em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathbf">B</span></span></span></span><span style="top:-3.25511em;"><span class="pstrut" style="height:3em;"></span><span class="accent-body" style="left:-0.15216em;"><span class="overlay" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:1.846932em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:2.3469320000000002em;"><span style="top:-4.346932000000001em;"><span class="pstrut" style="height:3.072377em;"></span><span class="mord"><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.845108em;"><span style="top:-2.6550000000000002em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight">c</span></span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.394em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">4</span><span class="mord mathnormal mtight" style="margin-right:0.03588em;">π</span></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.345em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mord accent"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.9774399999999999em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathbf">j</span></span></span></span><span style="top:-3.26344em;"><span class="pstrut" style="height:3em;"></span><span class="accent-body" style="left:-0.2355em;"><span class="overlay" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.19444em;"><span></span></span></span></span></span><span class="mord">∇</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mbin">⋅</span><span class="mspace" style="margin-right:0.2222222222222222em;"></span><span class="mord accent"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.9691099999999999em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathbf">E</span></span></span></span><span style="top:-3.25511em;"><span class="pstrut" style="height:3em;"></span><span class="accent-body" style="left:-0.15216em;"><span class="overlay" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span></span></span><span style="top:-2.9145549999999996em;"><span class="pstrut" style="height:3.072377em;"></span><span class="mord"><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord accent"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.92744em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord"><span class="mord mathbf">0</span></span></span></span><span style="top:-3.21344em;"><span class="pstrut" style="height:3em;"></span><span class="accent-body" style="left:-0.2355em;"><span class="overlay" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span></span></span><span style="top:-1.585445em;"><span class="pstrut" style="height:3.072377em;"></span><span class="mord"><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord">0</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:1.846932em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:2.3469320000000002em;"><span style="top:-4.346932000000001em;"><span class="pstrut" style="height:3.072377em;"></span><span class="mord"><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mord">4</span><span class="mord mathnormal" style="margin-right:0.03588em;">π</span><span class="mord mathnormal">ρ</span></span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span></span></span></span></span></span></span></p>
<h1 id="mermaid流程图"><a class="anchor" href="#mermaid流程图">#</a>  <code>mermaid</code>  流程图</h1>
<p>本功能基于 <code>markdown-it-mermaid</code> <br />
 在 Front Matter 中添加 <code>mermaid: true</code>  以支持<span class="exturl" data-url="aHR0cHM6Ly9tZXJtYWlkLWpzLmdpdGh1Yi5pby9tZXJtYWlkLyMv"> Mermaid</span></p>
<figure class="highlight raw"><figcaption data-lang=""></figcaption><table><tr><td data-num="1"></td><td><pre>---</pre></td></tr><tr><td data-num="2"></td><td><pre>title: 流程图显示</pre></td></tr><tr><td data-num="3"></td><td><pre>mermaid: true</pre></td></tr><tr><td data-num="4"></td><td><pre>---</pre></td></tr><tr><td data-num="5"></td><td><pre></pre></td></tr><tr><td data-num="6"></td><td><pre>&#96;&#96;&#96;mermaid</pre></td></tr><tr><td data-num="7"></td><td><pre>graph LR</pre></td></tr><tr><td data-num="8"></td><td><pre>    A [Square Rect] -- Link text --&gt; B ((Circle))</pre></td></tr><tr><td data-num="9"></td><td><pre>    A --&gt; C (Round Rect)</pre></td></tr><tr><td data-num="10"></td><td><pre>    B --&gt; D &#123;Rhombus&#125;</pre></td></tr><tr><td data-num="11"></td><td><pre>    C --&gt; D</pre></td></tr><tr><td data-num="12"></td><td><pre>&#96;&#96;&#96;</pre></td></tr><tr><td data-num="13"></td><td><pre></pre></td></tr><tr><td data-num="14"></td><td><pre>&#96;&#96;&#96;mermaid</pre></td></tr><tr><td data-num="15"></td><td><pre>sequenceDiagram</pre></td></tr><tr><td data-num="16"></td><td><pre>    loop Daily query</pre></td></tr><tr><td data-num="17"></td><td><pre>        Alice-&gt;&gt;Bob: Hello Bob, how are you?</pre></td></tr><tr><td data-num="18"></td><td><pre>        alt is sick</pre></td></tr><tr><td data-num="19"></td><td><pre>            Bob-&gt;&gt;Alice: Not so good :(</pre></td></tr><tr><td data-num="20"></td><td><pre>        else is well</pre></td></tr><tr><td data-num="21"></td><td><pre>            Bob-&gt;&gt;Alice: Feeling fresh like a daisy</pre></td></tr><tr><td data-num="22"></td><td><pre>        end</pre></td></tr><tr><td data-num="23"></td><td><pre></pre></td></tr><tr><td data-num="24"></td><td><pre>        opt Extra response</pre></td></tr><tr><td data-num="25"></td><td><pre>            Bob-&gt;&gt;Alice: Thanks for asking</pre></td></tr><tr><td data-num="26"></td><td><pre>        end</pre></td></tr><tr><td data-num="27"></td><td><pre>    end</pre></td></tr><tr><td data-num="28"></td><td><pre>&#96;&#96;&#96;</pre></td></tr></table></figure><pre class="mermaid graph"><svg id="mermaid-1642173459379" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="167" style="max-width: 497.7718811035156px;" viewBox="0 0 497.7718811035156 167"><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath LS-A LE-B" id="L-A-B" style="opacity: 1;"><path class="path" d="M103.65391791044776,69.75L171.0390625,39L247.625,39" marker-end="url(#arrowhead15)" style="fill:none"></path><defs><marker id="arrowhead15" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-A LE-C" id="L-A-C" style="opacity: 1;"><path class="path" d="M103.65391791044776,108.75L171.0390625,139.5L228.234375,139.5" marker-end="url(#arrowhead16)" style="fill:none"></path><defs><marker id="arrowhead16" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-B LE-D" id="L-B-D" style="opacity: 1;"><path class="path" d="M309.625,39L354.015625,39L400.8184709260876,68.44715483685182" marker-end="url(#arrowhead17)" style="fill:none"></path><defs><marker id="arrowhead17" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-C LE-D" id="L-C-D" style="opacity: 1;"><path class="path" d="M329.015625,139.5L354.015625,139.5L400.81846998718345,111.05284575012297" marker-end="url(#arrowhead18)" style="fill:none"></path><defs><marker id="arrowhead18" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(171.0390625,39)" style="opacity: 1;"><g transform="translate(-32.1953125,-9.5)" class="label"><rect rx="0" ry="0" width="64.359375" height="19.03125"></rect><text><tspan xml:space="preserve" dy="1em" x="1">Link text</tspan></text></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><text><tspan xml:space="preserve" dy="1em" x="1"></tspan></text></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><text><tspan xml:space="preserve" dy="1em" x="1"></tspan></text></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><text><tspan xml:space="preserve" dy="1em" x="1"></tspan></text></g></g></g><g class="nodes"><g class="node default" id="flowchart-A-8" transform="translate(60.921875,89.25)" style="opacity: 1;"><rect rx="0" ry="0" x="-52.921875" y="-19.5" width="105.84375" height="39" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-42.921875,-9.5)"><text style=""><tspan xml:space="preserve" dy="1em" x="1">Square Rect</tspan></text></g></g></g><g class="node default" id="flowchart-B-9" transform="translate(278.625,39)" style="opacity: 1;"><circle x="-31" y="-19.5" r="31" class="label-container"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-21,-9.5)"><text style=""><tspan xml:space="preserve" dy="1em" x="1">Circle</tspan></text></g></g></g><g class="node default" id="flowchart-C-11" transform="translate(278.625,139.5)" style="opacity: 1;"><rect rx="5" ry="5" x="-50.390625" y="-19.5" width="100.78125" height="39" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-40.390625,-9.5)"><text style=""><tspan xml:space="preserve" dy="1em" x="1">Round Rect</tspan></text></g></g></g><g class="node default" id="flowchart-D-13" transform="translate(434.39374923706055,89.25)" style="opacity: 1;"><polygon points="55.378125000000004,0 110.75625000000001,-55.378125000000004 55.378125000000004,-110.75625000000001 0,-55.378125000000004" transform="translate(-55.378125000000004,55.378125000000004)" class="label-container"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(-32.03125,-9.5)"><text style=""><tspan xml:space="preserve" dy="1em" x="1">Rhombus</tspan></text></g></g></g></g></g></g></svg></pre><pre>TimeoutError: Navigation timeout of 30000 ms exceeded</pre>
      <div class="tags">
          <a href="/tags/Hexo/" rel="tag"><i class="ic i-tag"></i> Hexo</a>
          <a href="/tags/%E6%95%99%E7%A8%8B/" rel="tag"><i class="ic i-tag"></i> 教程</a>
      </div>
  </div>

   <footer>

    <div class="meta">
  <span class="item">
    <span class="icon">
      <i class="ic i-calendar-check"></i>
    </span>
    <span class="text">更新于</span>
    <time title="修改时间：2020-11-11 04:12:45" itemprop="dateModified" datetime="2020-11-11T04:12:45+08:00">2020-11-11</time>
  </span>
</div>

      
<div class="reward">
  <button><i class="ic i-heartbeat"></i> 赞赏</button>
  <p>请我喝[茶]~(￣▽￣)~*</p>
  <div id="qr">
      
      <div>
        <img data-src="/images/wechatpay.png" alt="逸尘 微信支付">
        <p>微信支付</p>
      </div>
      
      <div>
        <img data-src="/images/alipay.png" alt="逸尘 支付宝">
        <p>支付宝</p>
      </div>
      
      <div>
        <img data-src="/images/paypal.png" alt="逸尘 贝宝">
        <p>贝宝</p>
      </div>
  </div>
</div>

      

<div id="copyright">
<ul>
  <li class="author">
    <strong>本文作者： </strong>逸尘 <i class="ic i-at"><em>@</em></i>逸尘
  </li>
  <li class="link">
    <strong>本文链接：</strong>
    <a href="https://yichenm.github.io.git/2020/08/13/computer-science/note/theme-shoka-doc/special/" title="Step.4 主题特殊功能">https://yichenm.github.io.git/2020/08/13/computer-science/note/theme-shoka-doc/special/</a>
  </li>
  <li class="license">
    <strong>版权声明： </strong>本站所有文章除特别声明外，均采用 <span class="exturl" data-url="aHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLXNhLzQuMC9kZWVkLnpo"><i class="ic i-creative-commons"><em>(CC)</em></i>BY-NC-SA</span> 许可协议。转载请注明出处！
  </li>
</ul>
</div>

  </footer>

</article>

  </div>
  

<div class="post-nav">
    <div class="item left">
      

  <a href="/2020/08/13/computer-science/note/theme-shoka-doc/display/" itemprop="url" rel="prev" data-background-image="https:&#x2F;&#x2F;tva1.sinaimg.cn&#x2F;mw690&#x2F;6833939bly1gipev1x5e4j20zk0m8b29.jpg" title="Step.3 界面显示">
  <span class="type">上一篇</span>
  <span class="category"><i class="ic i-flag"></i> Theme Shoka Documentation</span>
  <h3>Step.3 界面显示</h3>
  </a>

    </div>
    <div class="item right">
      

  <a href="/2020/09/24/blog/blog-aliyun/" itemprop="url" rel="next" data-background-image="https:&#x2F;&#x2F;tva1.sinaimg.cn&#x2F;mw690&#x2F;6833939bly1gipew8gmvyj20zk0m87wh.jpg" title="阿里云服务器部署Hexo博客">
  <span class="type">下一篇</span>
  <span class="category"><i class="ic i-flag"></i> 博客篇</span>
  <h3>阿里云服务器部署Hexo博客</h3>
  </a>

    </div>
</div>

  
  <div class="wrap" id="comments"></div>


        </div>
        <div id="sidebar">
          

<div class="inner">

  <div class="panels">
    <div class="inner">
      <div class="contents panel pjax" data-title="文章目录">
          <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#links-%E9%93%BE%E6%8E%A5%E5%9D%97"><span class="toc-number">1.</span> <span class="toc-text">  links  链接块</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#code%E4%BB%A3%E7%A0%81%E5%9D%97"><span class="toc-number">2.</span> <span class="toc-text">  code  代码块</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#quiz-%E7%BB%83%E4%B9%A0%E9%A2%98%E4%B8%8E%E7%AD%94%E6%A1%88"><span class="toc-number">3.</span> <span class="toc-text">  quiz  练习题与答案</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E"><span class="toc-number">3.1.</span> <span class="toc-text"> 使用说明</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#emoji-%E7%BB%98%E6%96%87%E5%AD%97"><span class="toc-number">4.</span> <span class="toc-text">  emoji  绘文字</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#effects-%E6%96%87%E5%AD%97%E7%89%B9%E6%95%88"><span class="toc-number">5.</span> <span class="toc-text">  effects  文字特效</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#spoiler%E9%9A%90%E8%97%8F%E6%96%87%E5%AD%97"><span class="toc-number">6.</span> <span class="toc-text">  spoiler  隐藏文字</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#label-%E6%A0%87%E7%AD%BE%E5%9D%97"><span class="toc-number">7.</span> <span class="toc-text">  label  标签块</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#note-%E6%8F%90%E9%86%92%E5%9D%97"><span class="toc-number">8.</span> <span class="toc-text">  note  提醒块</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#tab%E6%A0%87%E7%AD%BE%E5%8D%A1"><span class="toc-number">9.</span> <span class="toc-text">  tab  标签卡</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#collapse-%E6%8A%98%E5%8F%A0%E5%9D%97"><span class="toc-number">10.</span> <span class="toc-text">  collapse  折叠块</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#tasklist-%E5%BE%85%E5%8A%9E%E4%BA%8B%E9%A1%B9"><span class="toc-number">11.</span> <span class="toc-text">  taskList  待办事项</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#furigana%E6%96%87%E5%AD%97%E6%B3%A8%E9%9F%B3"><span class="toc-number">12.</span> <span class="toc-text">  furigana  文字注音</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#media%E5%A4%9A%E5%AA%92%E4%BD%93"><span class="toc-number">13.</span> <span class="toc-text">  media  多媒体</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#math%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F"><span class="toc-number">14.</span> <span class="toc-text">  math  数学公式</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#mermaid%E6%B5%81%E7%A8%8B%E5%9B%BE"><span class="toc-number">15.</span> <span class="toc-text">  mermaid  流程图</span></a></li></ol>
      </div>
      <div class="related panel pjax" data-title="系列文章">
        <ul>
          <li><a href="/2020/08/13/computer-science/note/theme-shoka-doc/" rel="bookmark" title="Hexo主题Shoka & multi-markdown-it渲染器使用说明">Hexo主题Shoka & multi-markdown-it渲染器使用说明</a></li><li><a href="/2020/08/13/computer-science/note/theme-shoka-doc/dependents/" rel="bookmark" title="Step.1 依赖插件">Step.1 依赖插件</a></li><li><a href="/2020/08/13/computer-science/note/theme-shoka-doc/config/" rel="bookmark" title="Step.2 基本配置">Step.2 基本配置</a></li><li><a href="/2020/08/13/computer-science/note/theme-shoka-doc/display/" rel="bookmark" title="Step.3 界面显示">Step.3 界面显示</a></li><li class="active"><a href="/2020/08/13/computer-science/note/theme-shoka-doc/special/" rel="bookmark" title="Step.4 主题特殊功能">Step.4 主题特殊功能</a></li>
        </ul>
      </div>
      <div class="overview panel" data-title="站点概览">
        <div class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
  <img class="image" itemprop="image" alt="逸尘"
      data-src="/images/avatar.jpg">
  <p class="name" itemprop="name">逸尘</p>
  <div class="description" itemprop="description">专注于编程,分享生活,分享知识</div>
</div>

<nav class="state">
    <div class="item posts">
      <a href="/archives/">
        <span class="count">25</span>
        <span class="name">文章</span>
      </a>
    </div>
    <div class="item categories">
      <a href="/categories/">
        <span class="count">13</span>
        <span class="name">分类</span>
      </a>
    </div>
    <div class="item tags">
      <a href="/tags/">
        <span class="count">17</span>
        <span class="name">标签</span>
      </a>
    </div>
</nav>

<div class="social">
      <span class="exturl item github" data-url="aHR0cHM6Ly9naXRodWIuY29tL3lpY2hlbm0=" title="https:&#x2F;&#x2F;github.com&#x2F;yichenm"><i class="ic i-github"></i></span>
      <span class="exturl item twitter" data-url="aHR0cHM6Ly90d2l0dGVyLmNvbS95b3VybmFtZQ==" title="https:&#x2F;&#x2F;twitter.com&#x2F;yourname"><i class="ic i-twitter"></i></span>
      <span class="exturl item zhihu" data-url="aHR0cHM6Ly93d3cuemhpaHUuY29tL3Blb3BsZS95b3VybmFtZQ==" title="https:&#x2F;&#x2F;www.zhihu.com&#x2F;people&#x2F;yourname"><i class="ic i-zhihu"></i></span>
      <span class="exturl item music" data-url="aHR0cHM6Ly9tdXNpYy4xNjMuY29tLyMvdXNlci9ob21lP2lkPXlvdXJpZA==" title="https:&#x2F;&#x2F;music.163.com&#x2F;#&#x2F;user&#x2F;home?id&#x3D;yourid"><i class="ic i-cloud-music"></i></span>
      <span class="exturl item weibo" data-url="aHR0cHM6Ly93ZWliby5jb20veW91cm5hbWU=" title="https:&#x2F;&#x2F;weibo.com&#x2F;yourname"><i class="ic i-weibo"></i></span>
      <span class="exturl item qq" data-url="aHR0cDovL3dwYS5xcS5jb20vbXNncmQ/dj0zJnVpbj0xNjYwNTk3MzcwJnNpdGU9cXEmbWVudT15ZXM=" title="http:&#x2F;&#x2F;wpa.qq.com&#x2F;msgrd?v&#x3D;3&amp;uin&#x3D;1660597370&amp;site&#x3D;qq&amp;menu&#x3D;yes"><i class="ic i-qq"></i></span>
</div>

<ul class="menu">
  
    
  <li class="item">
    <a href="/" rel="section"><i class="ic i-home"></i>首页</a>
  </li>

    
  <li class="item">
    <a href="/about/" rel="section"><i class="ic i-user"></i>关于</a>
  </li>

    
  <li class="item">
    <a href="/friends/" rel="section"><i class="ic i-heart"></i>友達</a>
  </li>

    
  <li class="item">
    <a href="/links/" rel="section"><i class="ic i-magic"></i>链接</a>
  </li>

    
  <li class="item">
    <a href="/musics/" rel="section"><i class="ic i-music"></i>音乐</a>
  </li>

    
  <li class="item">
    <a href="/movies/" rel="section"><i class="ic i-sakura"></i>视频</a>
  </li>

        
  <li class="item dropdown">
      <a href="javascript:void(0);"><i class="ic i-feather"></i>文章</a>
    <ul class="submenu">

        
  <li class="item">
    <a href="/archives/" rel="section"><i class="ic i-list-alt"></i>归档</a>
  </li>

        
  <li class="item">
    <a href="/categories/" rel="section"><i class="ic i-th"></i>分类</a>
  </li>

        
  <li class="item">
    <a href="/tags/" rel="section"><i class="ic i-tags"></i>标签</a>
  </li>

  </ul>

</ul>

      </div>
    </div>
  </div>

  <ul id="quick">
    <li class="prev pjax">
        <a href="/2020/08/13/computer-science/note/theme-shoka-doc/display/" rel="prev" title="上一篇"><i class="ic i-chevron-left"></i></a>
    </li>
    <li class="up"><i class="ic i-arrow-up"></i></li>
    <li class="down"><i class="ic i-arrow-down"></i></li>
    <li class="next pjax">
        <a href="/2020/09/24/blog/blog-aliyun/" rel="next" title="下一篇"><i class="ic i-chevron-right"></i></a>
    </li>
    <li class="percent"></li>
  </ul>
</div>


        </div>
        <div class="dimmer"></div>
      </div>
    </main>
    <footer id="footer">
      <div class="inner">
        <div class="widgets">
          
<div class="rpost pjax">
  <h2>随机文章</h2>
  <ul>
      
  <li class="item">
    
<div class="breadcrumb">
<a href="/categories/blog/" title="分类于 博客篇">博客篇</a>
</div>

    <span><a href="/2020/06/20/blog/Hexo-xr/" title="Hexo之渲染绕过">Hexo之渲染绕过</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
<a href="/categories/computer-science/" title="分类于 计算机科学">计算机科学</a>
<i class="ic i-angle-right"></i>
<a href="/categories/computer-science/java/" title="分类于 Java">Java</a>
<i class="ic i-angle-right"></i>
<a href="/categories/computer-science/java/course-1/" title="分类于 零基础学Java语言">零基础学Java语言</a>
</div>

    <span><a href="/2020/04/13/computer-science/java/course-1/week-2/" title="第2周 判断">第2周 判断</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
</div>

    <span><a href="/2013/12/24/blog/long-title/" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam justo turpis, tincidunt ac convallis id.">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam justo turpis, tincidunt ac convallis id.</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
</div>

    <span><span class="exturl" data-url="aHR0cDovL3d3dy5nb29nbGUuY29tLw==" title="Link Post">Link Post<i class="ic i-link-alt"></i></span></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
</div>

    <span><a href="/2019/07/25/blog/code-highlight/" title="Code Highlight Style test">Code Highlight Style test</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
<a href="/categories/blog/" title="分类于 博客篇">博客篇</a>
</div>

    <span><a href="/2020/03/24/blog/Blog/" title="个人博客搭建">个人博客搭建</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
<a href="/categories/%E5%89%8D%E7%AB%AF%E7%AF%87/" title="分类于 前端篇">前端篇</a>
</div>

    <span><a href="/2020/03/27/blog/jQuery+CSS3/" title="文字背景粒子特效">文字背景粒子特效</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
<a href="/categories/computer-science/" title="分类于 计算机科学">计算机科学</a>
<i class="ic i-angle-right"></i>
<a href="/categories/computer-science/note/" title="分类于 二进制杂谈">二进制杂谈</a>
<i class="ic i-angle-right"></i>
<a href="/categories/computer-science/note/Theme-Shoka-Documentation/" title="分类于 Theme Shoka Documentation">Theme Shoka Documentation</a>
</div>

    <span><a href="/2020/08/13/computer-science/note/theme-shoka-doc/special/" title="Step.4 主题特殊功能">Step.4 主题特殊功能</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
</div>

    <span><a href="/2013/12/25/blog/no-title/" title="未命名">未命名</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
<a href="/categories/blog/" title="分类于 博客篇">博客篇</a>
</div>

    <span><a href="/2020/06/17/blog/BlogOpen/" title="Blog开源搭建教程">Blog开源搭建教程</a></span>
  </li>

  </ul>
</div>
<div>
  <h2>最新评论</h2>
  <ul class="leancloud-recent-comment"></ul>
</div>

        </div>
        <div class="status">
  <div class="copyright">
    
    &copy; 2020 – 
    <span itemprop="copyrightYear">2022</span>
    <span class="with-love">
      <i class="ic i-sakura rotate"></i>
    </span>
    <span class="author" itemprop="copyrightHolder">逸尘 @ Yi Chen</span>
    
  </div>
  <div class="powered-by">
    基于 <span class="exturl" data-url="aHR0cHM6Ly9oZXhvLmlv">Hexo</span> & Theme.<span class="exturl" data-url="aHR0cHM6Ly9naXRodWIuY29tL2FtZWhpbWUvaGV4by10aGVtZS1zaG9rYQ==">Shoka</span>
  </div>
  <div>
  <img src="https://static.dy208.cn/o_1dfilp8ruo521thr1hvf18ji17soa.png" style="display:inline-block" />
    <a href="https://beian.miit.gov.cn/"  style="color:#808080" target="_blank">鄂ICP备2021014555号-1</a>
  <div/>
</div>

      </div>
    </footer>
  </div>
<script data-config type="text/javascript">
  var LOCAL = {
    path: '2020/08/13/computer-science/note/theme-shoka-doc/special/',
    favicon: {
      show: "（●´3｀●）やれやれだぜ",
      hide: "(´Д｀)大変だ！"
    },
    search : {
      placeholder: "文章搜索",
      empty: "关于 「 ${query} 」，什么也没搜到",
      stats: "${time} ms 内找到 ${hits} 条结果"
    },
    valine: {"placeholder":"1. 提问前请先仔细阅读本文档⚡\n2. 页面显示问题💥，请提供控制台截图📸或者您的测试网址\n3. 其他任何报错💣，请提供详细描述和截图📸，祝食用愉快💪"},copy_tex: true,
    katex: true,mermaid: true,fancybox: true,copyright: '复制成功，转载请遵守 <i class="ic i-creative-commons"></i>BY-NC-SA 协议。',quiz: {
      choice: "单选题",
      multiple: "多选题",
      true_false: "判断题",
      essay: "问答题",
      gap_fill: "填空题",
      mistake: "错题备注"
    },
    ignores : [
      function(uri) {
        return uri.includes('#');
      },
      function(uri) {
        return new RegExp(LOCAL.path+"$").test(uri);
      }
    ]
  };
</script>

<script src="https://cdn.polyfill.io/v2/polyfill.js"></script>

<script src="//cdn.jsdelivr.net/combine/npm/pace-js@1.0.2/pace.min.js,npm/pjax@0.2.8/pjax.min.js,npm/whatwg-fetch@3.4.0/dist/fetch.umd.min.js,npm/animejs@3.2.0/lib/anime.min.js,npm/algoliasearch@4/dist/algoliasearch-lite.umd.js,npm/instantsearch.js@4/dist/instantsearch.production.min.js,npm/lozad@1/dist/lozad.min.js,npm/quicklink@2/dist/quicklink.umd.js"></script>

<script src="/js/app.js?v=0.2.5"></script>




</body>
</html>
